<template>
	<view class="seat-toast-mark" v-show="showSeatToast">
		<view class="seat-img-box">
			<view >
				<image src="../../static/icons/toast_cant.png" mode=""></image>
			</view>
			<view >
	
				<image  src="../../static/icons/can_select.png" mode=""></image>
				
			</view>
			<view >
			<image  src="../../static/icons/toast_cant.png" mode=""></image>
			</view>
		</view>
		<view class="">
			<text>座位旁边不要留空</text>
		</view>
	</view>
</template>

<script>
	
		export default {
			props: ['showSeatToast'],
			data() {
				return {
					showToast: false
				}
			}
		}
</script>

<style lang="scss" scoped>
	.seat-toast-mark {
		position: absolute;
		top: 40vh;
		background-color: rgba($color: #333, $alpha: 0.9);
		color: #FFFFFF;
		width: 44vw;
		left: 50%;
		padding: 30rpx 2vw;
		border-radius: 10rpx;
		margin-left: -23vw;
		text-align: center;
		font-size: 26rpx;

		.seat-img-box {
			// width: 100%;
			display: flex;
			justify-content: space-between;
			padding: 0 30rpx;

			image {
				width: 100rpx;
				height: 100rpx;
			}
		}
	}
</style>
